/*************************************************************************************************************************************************************************/ /* estilos do menu (e sub-menus) */ /*************************************************************************************************************************************************************************/ ul#topoMenu { float: right; margin: 0; padding: 0; list-style: none; width: 85%; height: 1.5em; line-height: 1.5em; border-left: 2px solid #6069A2; } /* o menu tem que ter z-index 10000 para ficar na frente das aulas da agenda */ ul#topoMenu li { float: left; position: relative; z-index: 10000; width: 17%; border-right: 2px solid #6069A2; } .ui-front { z-index: 50000 !important; } /* para sempre sobrepor o estilo do jquery-ui, mesmo quando mudar de versão */ .ui-dialog { z-index: 50001 !important; } /* para sempre sobrepor o estilo do jquery-ui, mesmo quando mudar de versão */ ul#topoMenu li a { display: block; text-decoration: none; color: black; width: 100%; height: 1.5em; text-align: center; font-size: 1em; font-weight: normal; cursor: default; padding: 0; overflow: hidden; white-space: nowrap; } ul#topoMenu li a.link { cursor: pointer; } ul#topoMenu li a:hover { background-color: #6069A2; color: white; } ul#topoMenu li a span { width: 100%; text-align: center; } ul#topoMenu ul { position: absolute; left: -2px; top: 1.5em; display: none; margin: 0; padding: 0; list-style: none; width: 100%; border: 2px solid #6069A2; border-width: 0 2px 1px 2px; } ul#topoMenu ul li { background-color: #CEDEE6; border: 0; border-bottom: 1px solid #6069A2; width: 100%; margin: 0; padding: 0; } ul#topoMenu ul li a { display: block; line-height: 1.9em; height: 1.8em; cursor: pointer; text-align: left; padding: 0; width: 100%; } ul#topoMenu ul li a span { text-align: left; } ul#topoMenu ul li.sub a { cursor: default; } ul#topoMenu ul li.sub a span { background: url(img/menu_seta.png) no-repeat 95% center; background-size: auto 60%; width: auto; display: block; text-align: left; line-height: 2em; } ul#topoMenu ul li.sub ul li a span { background-image: none; } ul#topoMenu ul li.sub ul { position: absolute; left: 100%; display: none; top: -0.1em; border-top-width: 2px; } /* ajustes */ /* ul#topoMenu.naoStrict li a { display: inline; } */ ul#topoMenu.naoStrict ul li a { display: block; } ul#topoMenu.IE6 li a { display: inline; } ul#topoMenu.IE6 ul li a { display: block; } /* ul#topoMenu.IE6 ul { width: 120px; } */ /* ul#topoMenu.IE7 ul { width: 120px; } */ /*************************************************************************************************************************************************************************/ /* icones */ /*************************************************************************************************************************************************************************/ .imgMenu { background-repeat: no-repeat; background-position: 3% center; background-size: 12%; } .imgMenu span { margin-left: 20%; } /* estilo de natal */ /* .imgMenu.escola { background-image: url(img/eventos/natal/natal20.png); background-size: 14%; } .imgMenu.alunos { background-image: url(img/eventos/natal/natal27.png); background-position: 6% center; background-size: 10%; } .imgMenu.professor { background-image: url(img/eventos/natal/natal02.png); background-position: 1.5% center; background-size: 14%; } .imgMenu.equipe { background-image: url(img/eventos/natal/natal17.png); } .imgMenu.relatorios { background-image: url(img/eventos/natal/natal05.png); } .imgMenu.empresa { background-image: url(img/eventos/natal/natal19.png); } .imgMenu.fornecedor { background-image: url(img/eventos/natal/natal25.png); } .imgMenu.documentos { background-image: url(img/eventos/natal/natal26.png); } .imgMenu.biblioteca { background-image: url(img/eventos/natal/natal04.png); background-size: 9%; background-position: 4.5% center;} .imgMenu.calendario { background-image: url(img/eventos/natal/natal08.png); } .imgMenu.estoque { background-image: url(img/eventos/natal/natal23.png); } .imgMenu.aulas { background-image: url(img/eventos/natal/natal18.png); background-size: 9%; } .imgMenu.agenda { background-image: url(img/eventos/natal/natal22.png); background-size: 9%; } .imgMenu.horas { background-image: url(img/eventos/natal/natal07.png); } .imgMenu.disciplinas { background-image: url(img/eventos/natal/natal04.png); background-size: 9%; background-position: 4.5% center; } .imgMenu.cursos { background-image: url(img/eventos/natal/natal21.png); background-size: 10%; } .imgMenu.historico { background-image: url(img/eventos/natal/natal11.png); } .imgMenu.atividades { background-image: url(img/eventos/natal/natal15.png); background-size: 11%; } .imgMenu.notas { background-image: url(img/eventos/natal/natal13.png); background-size: 11%; } .imgMenu.interessados { background-image: url(img/eventos/natal/natal12.png); background-size: 13%; } .imgMenu.ocorrencias { background-image: url(img/eventos/natal/natal14.png); background-size: 13%; } .imgMenu.selecao { background-image: url(img/eventos/natal/natal24.png); background-size: 10%; } .imgMenu.comunicacoes { background-image: url(img/eventos/natal/natal09.png); } .imgMenu.financeiro { background-image: url(img/eventos/natal/natal10.png); } .imgMenu.financeiro2 { background-image: url(img/eventos/natal/natal06.png); } */ /* estilo original menu-externo */ .imgMenu.escola { background-image: url(img/menu_escola.png); background-size: 11%; } .imgMenu.alunos { background-image: url(img/menu_alunos.png); background-position: 5% center; background-size: 7%; } .imgMenu.professor { background-image: url(img/menu_professor.png); background-position: 1.5% center; background-size: 15%; } .imgMenu.equipe { background-image: url(img/menu_equipe.png); } .imgMenu.relatorios { background-image: url(img/menu_relatorios.png); background-size: 9%; } .imgMenu.recorrencia { background-image: url(img/recebaFacil01.png); background-size: 9%; } .imgMenu.notaFiscal { background-image: url(img/nf.png); background-size: 14%; } .imgMenu.empresa { background-image: url(img/menu_empresa.png); background-size: 11%; } .imgMenu.fornecedor { background-image: url(img/menu_fornecedor.png); } .imgMenu.documentos { background-image: url(img/menu_documentos.png); background-size: 9%; } .imgMenu.biblioteca { background-image: url(img/menu_biblioteca.png); } .imgMenu.calendario { background-image: url(img/menu_agenda.png); background-size: 10%; } .imgMenu.estoque { background-image: url(img/menu_estoque.png); background-size: 10%; } .imgMenu.aulas { background-image: url(img/menu_aulas.png); } .imgMenu.agenda { background-image: url(img/menu_agenda.png); background-size: 10%; } .imgMenu.horas { background-image: url(img/menu_horas.png); background-size: 9%; } .imgMenu.disciplinas { background-image: url(img/menu_disciplinas.png); background-size: 10%; } .imgMenu.cursos { background-image: url(img/menu_cursos.png); background-size: 10%; } .imgMenu.historico { background-image: url(img/menu_historico.png); background-size: 10%; } .imgMenu.atividades { background-image: url(img/menu_atividades.png); background-size: 11%; } .imgMenu.notas { background-image: url(img/menu_notas.png); background-size: 10%; } .imgMenu.interessados { background-image: url(img/menu_interessados.png); background-size: 13%; } .imgMenu.ocorrencias { background-image: url(img/menu_ocorrencias.png); background-size: 10%; } .imgMenu.selecao { background-image: url(img/menu_selecao.png); background-size: 10%; } .imgMenu.comunicacoes { background-image: url(img/menu_comunicacoes.png); } .imgMenu.financeiro { background-image: url(img/menu_financeiro.png); background-size: 9%; } .imgMenu.financeiro2 { background-image: url(img/menu_financeiro2.png); } .imgMenu.contas { background-image: url(img/menu_contas.png); background-size: 11%; } .imgMenu.fechCaixa { background-image: url(img/menu_fechCaixa.png); background-size: 11%; } .imgMenu.transfContas { background-image: url(img/ico_troca2.gif); background-size: 13%; background-position: 2px center; } .imgMenu.recebimentos { background-image: url(img/menu_receb.png); background-size: 13%; background-position: 2px center; } .imgMenu.videos { background-image: url(img/menu_video.png); background-size: 9%; background-position: 5px center; } .imgMenu.manuais { background-image: url(img/menu_manuais.png); } .imgMenu.resp { background-image: url(img/menu_resp.png); background-size: 9%; background-position: 5px center; } .imgMenu.motoristas { background-image: url(img/menu_motoristas.png); } .imgMenu.veiculo { background-image: url(img/menu_veiculo.png); } .imgMenu.rota { background-image: url(img/menu_rota.png); } .imgMenu.geolocal { background-image: url(img/menu_geolocal.png); background-size: auto 80%; } .imgMenu.combustivel { background-image: url(img/menu_combustivel.png); } .imgMenu.nutric { background-image: url(img/menu_alunos.png); background-position: 5% center; background-size: 7%; } .imgMenu.alimento { background-image: url(img/menu_alimento.png); } .imgMenu.receitas { background-image: url(img/menu_refeicao.png); } .imgMenu.cardapio { background-image: url(img/menu_cardapio.png); } .imgMenu.prev { background-image: url(img/menu_previsao.png); background-position: 5% center; background-size: 12%; } /* estilo original menu-interno */ .imgMenu.kaits { background-image: url(img/menu_kaits.png); } .imgMenu.escolaris { background-image: url(img/menu_escolaris.png); } .imgMenu.licencas { background-image: url(img/menu_licencas.png); background-size: 9%; } .imgMenu.perfis { background-image: url(img/menu_perfis.png); background-size: 9%; } .imgMenu.setup { background-image: url(img/menu_setup.png); background-size: 10%; } .imgMenu.pagamentos { background-image: url(img/menu_pagamentos.png); } .imgMenu.trad { background-image: url(img/menu_traducoes.png); } .imgMenu.sql { background-image: url(img/menu_sql.png); } .imgMenu.escolas { background-image: url(img/menu_escolas.png); } .imgMenu.comercial { background-image: url(img/menu_comercial.png); } .imgMenu.painel { background-image: url(img/menu_painel.png); } .imgMenu.seusDados.semFoto { background-image: url(img/menu_seusDados.png); } .imgMenu.qualityAchieve { background-image: url(img/menu_qualityAchieve.png); } .imgMenu.allnet { background-image: url(img/menu_allnet.png); } .imgMenu.getit { background-image: url(img/menu_getit.png); background-size: auto 75%; } .imgMenu.turmas { background-image: url(img/menu_turmas.png); } .imgMenu.tabelas { background-image: url(img/menu_tabelas.png); background-size: 10%; } .imgMenu.portal { background-image: url(img/menu_portal.png); background-size: auto 75%; } .imgMenu.smartVendas { background-image: url(img/menu_smartVendas.png); background-size: auto 75%; position: relative; } .imgMenu.smartVendas::after { content: ''; position: absolute; display: block; right: -0.05em; top: 0; width: 1em; height: 1.2em; background: url(img/ico_ia2.png) no-repeat; background-size: 100%; } div#titulo .imgMenu.smartVendas { padding-right: 1.8em; } div#titulo .imgMenu.smartVendas::after { right: 0.5em; top: -0.2em; width: 1.2em; height: 1.3em; } /* estilo de dias das bruxas */ /* .imgMenu.escola { background-image: url(img/eventos/halloween/rip.png); background-size: 11%; } .imgMenu.professor { background-image: url(img/eventos/halloween/chapeu.png); background-position: 1.5% center; background-size: 15%; } .imgMenu.alunos { background-image: url(img/eventos/halloween/abobora.png); background-position: 3% center; background-size: 13%; } .imgMenu.equipe { background-image: url(img/eventos/halloween/bruxa.png); } .imgMenu.relatorios { background-image: url(img/eventos/halloween/gato.png); } .imgMenu.estoque { background-image: url(img/eventos/halloween/gaspar.png); background-size: 10%; } .imgMenu.kaits { background-image: url(img/eventos/halloween/cavera.png); } */ /*************************************************************************************************************************************************************************/ /* botão de sair */ /*************************************************************************************************************************************************************************/ ul#topoMenu li.sair { width: 7%; float: right; border: 0; margin-right: 1%; } ul#topoMenu li.sair a { padding: 0; height: 1em; line-height: 1em; margin: 0.1em 0 0 0; border: 2px solid #667789; border-radius: 5px; background-image: url(img/ico16_fechar.png); background-position: 8% center; background-size: auto 90%; } ul#topoMenu li.sair a span { margin-left: 28%; } ul#topoMenu li.sair a:hover { } /*************************************************************************************************************************************************************************/ /* botão de seus dados */ /*************************************************************************************************************************************************************************/ .link.imgMenu.seusDados { display: block; float: right; height: 25px; line-height: 25px; margin-top: 2px; padding: 0 4% 0 1%; font-weight: bold; color: inherit; background-size: auto 80%; background-position: right center; } .link.imgMenu.seusDados.comFoto { background-image: none; padding-right: 0; } .link.imgMenu.seusDados.comFoto img { height: 23px; vertical-align: middle; border: 1px solid black; margin: 0 0 0 5px; } .link.imgMenu.seusDados:hover { color: white; } /*************************************************************************************************************************************************************************/ /* bandeiras dos idiomas */ /*************************************************************************************************************************************************************************/ div.idiomas { float: right; margin-left: 0; margin-top: 5px; background-color: #EEE; border: 1px solid #666; border-radius: 5px; } div.idiomas a { display: block; float: left; margin: 1px 3px 2px 3px; width: 15px; height: 11px; padding: 0; cursor: pointer; background: no-repeat center center; background-size: 100%; } /*************************************************************************************************************************************************************************/ /* tempo de sessão */ /*************************************************************************************************************************************************************************/ #TempoSessao { float: right; font-size: 1em; font-weight: bold; padding: 0.1em 0.6%; margin: 0.5em 1%; color: #666; background-color: #EEE; border: 1px solid #666; border-radius: 5px; } #TempoSessao.atencao { background-color: #E89369; } #alert.modal.alert { height: auto; top: 10em; left: 20%; bottom: auto; margin: 0; width: 60%; right: auto; } #alert.modal.alert .modal__content { width: 100%; padding: 0; } #alert.modal.alert .form-login-input { font-size: 1.2em; } #alert.modal.alert .modal-description { margin: 0; padding: 1em 0; }